<template>
  <div>
    <h1>学生查找功能</h1>
    <input v-model="studentId" placeholder="输入学号" />
    <button @click="findStudent">查找</button>
    <div v-if="studentInfo">
      <h2>学生信息</h2>
      <p>{{ studentInfo }}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CampusBinhai',
  data() {
    return {
      studentId: '',
      studentInfo: null
    }
  },
  methods: {
    findStudent() {
      // 这里可以添加查找学生信息的逻辑
      // 例如，从后端 API 获取学生信息
      if (this.studentId === '123') {
        this.studentInfo = '张三'
      } else if (this.studentId === '456') {
        this.studentInfo = '李四'
      } else {
        this.studentInfo = '未找到学生信息'
      }
    }
  }
}
</script>